@extends('layouts.back_stage')
@section('content')
<div class="head-box">
    <div class="head-title">
        <p>波段概览</p>
    </div>
    <div class="head-bottom">
        <a href="exhibitGoodsTimes.html"><button class="btn-toolbar">上货时间表</button></a>
        <button class="btn-toolbar">添加波段</button>
        <button class="btn-toolbar">添加主题</button>
    </div>
</div>
<div class="column-box">
    <ul>
        <li>
            <div class="time-line">
                <p>8月23日</p>
            </div>
            <div class="waveband-name">
                <p>波段1</p>
            </div>
            <dl>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="griardInfo.html">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" onclick="showImg()" alt="">
                    </div>
                    <div class="tool-box">
                        <button class="trash" onclick="removeThis()"></button>
                        <button class="amend"></button>
                    </div>
                </dd>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
                    </div>
                </dd>
            </dl>
        </li>
        <li>
            <div class="time-line">
                <p>8月29日</p>
            </div>
            <div class="waveband-name">
                <p>波段2</p>
            </div>
            <dl>
                <dd>
                </dd>
                <dd class="waste-brand">
                </dd>
                <dd>
                </dd>
                <dd>
                </dd>
                <dd>
                </dd>
                <dd>
                </dd>
            </dl>
        </li>
        <li>
            <div class="time-line">
                <p>9月11日</p>
            </div>
            <div class="waveband-name">
                <p>波段3</p>
            </div>
            <dl>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
                    </div>
                </dd>
            </dl>
        </li>
        <li>
            <div class="time-line">
                <p>9月21日</p>
            </div>
            <div class="waveband-name">
                <p>波段4</p>
            </div>
            <dl>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
                    </div>
                </dd>
            </dl>
        </li>
        <li>
            <div class="time-line">
                <p>9月30日</p>
            </div>
            <div class="waveband-name">
                <p>波段5</p>
            </div>
            <dl>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
                    </div>
                </dd>
            </dl>
        </li>
        <li>
            <div class="time-line">
                <p>6</p>
            </div>
            <div class="waveband-name">
                <p>波段6</p>
            </div>
            <dl>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
                    </div>
                </dd>
            </dl>
        </li>
        <li>
            <div class="time-line">
                <p>7</p>
            </div>
            <div class="waveband-name">
                <p>波段7</p>
            </div>
            <dl>
                <dd>
                    <div class="clothes-info">
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                        <div class="clothes-brand-box">
                            <p>上衣:<a href="">SF-179</a></p>
                            <p>萝莉白</p>
                        </div>
                    </div>
                    <div class="clothes-img">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
                    </div>
                </dd>
            </dl>
        </li>
    </ul>
</div>
<div class="mask-box" onclick="closeImg()">
    <img onclick="closeImg()" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507351920837&di=d905109155d80471ca4eaee89846c8c2&imgtype=0&src=http%3A%2F%2Fnews.qingdaonews.com%2Fimages%2Fattachement%2Fjpg%2Fsite1%2F20151031%2F00215d96bf86179ea80d45.jpg" alt="">
</div>

<script>
    function showImg(){
        $(".mask-box").show();
    }
    function closeImg(){
        $(".mask-box").hide();
    }
    function removeThis() {
        if(confirm("确定要删除吗?")){

        }
    }
</script>
@endsection
@section('style')
    @parent
    <link href="{{env('CDN_DOMAIN_NAME')}}/css/waveband.css?v0.0.1" rel="stylesheet">
@endsection